<template>
  <div class="vue-loading">
    <div class="loading-img">
      玩命加载中……
    <pulse-loader></pulse-loader>
    </div>
  </div>
</template>

<script>
import PulseLoader from 'vue-spinner/src/PulseLoader.vue'
export default {
  components:{
    PulseLoader
  }
}
</script>

<style scoped>
.vue-loading {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    height: 100%;
    border: none;
    background-color: rgba(230, 233, 236, 0.5);
    cursor: wait;
    transition: opacity .5s;
}
.loading-img {
    box-sizing: content-box !important;
    position: absolute;
    z-index: 1001;
    margin: 0px;
    /*padding: 0 35px;*/
    height: 40px;
    width:100%;
    top: 50%;
    /*left: 50%;*/
    text-align: center;
}
</style>


